<!DOCTYPE html>
<html>
	<head>
			<meta charset="utf-8">
			<title>用户登录</title>
			<style>
				body{
					background-color: aqua;
				}
				.loginDiv{
					width: 550px;
					height: 530px;
					margin: 0 auto; /*让div整体居中*/
					background-color: white;
					margin-top: 80px; /*让div顶部外边距是80px，离顶部远一些*/
					padding-top: 30px; /*调整顶部内边距*/
					text-align: center;
				}
				.loginInput{
					width: 426px;
					height: 55px;
					border-radius: 5px;
					border: 1px solid darkgray;
					margin-bottom: 20px;
					padding-left: 30px;
					background-color: transparent; /*文本框背景透明*/
					margin-left: -25px;
				}
				.loginBtn{
					width: 453px;
					height: 55px;
					background-color: #FF6B4D;
					color: white;
					font-size: 20px;
					border-radius: 5px;
					border: none; /*去掉边框*/
				}
				.thirdLogin{
					margin-top: 30px;
					margin-bottom: 15px;
				}
				.logpic{
					margin-left: 20px;
				}
			</style>
		</head>
		<body>
			<div class="loginDiv">
				<!-- 这是放logo的div -->
				<div style="text-align: center;">
					<img src="../img/titlelogo.png" width="350px" />
				</div>
				<h2> 毕业设计管理系统</h2>
				<div>
					<img src="../img/user.png"><input class="loginInput" type="text" placeholder="请输入用户名" />
					<br>
					<img src="../img/password.png"><input class="loginInput" placeholder="密码" type="password" />
					<br>
					<input class="loginBtn" type="submit" value="登录" />
				</div>
				<!-- 这个div放第三方登录 -->
				<div class="thirdLogin">
					<img class="logpic" src="../img/weixin.png" />
					<img class="logpic" src="../img/qq.png" />
					<img class="logpic" src="../img/weibo.png" />
				</div>
				<div style="font-size: 12px;line-height: 20px;">
					技术支持：太原工业学院<br>
					技术开发者：理学系：吉兆蓉
				</div>
			</div>
		</body>
</html>
